<template>
	<view class="container">

		<view class="bgWhite" style="padding: 32rpx;">


			<view class="align-start comName ">
				<image class="log" src="../../static/images/rz.png" mode=""></image>
				<view class="flex1">
					<view class="title">
						企业名称
					</view>
					<view class="align-center mt12">
						<view class="tag mr5">
							存续
						</view>
						9035012MA2YRGEB18
					</view>
					<view class="align-center justify-between mt5">
						<view class="flex-col  align-center justify-start">
							<text class="ft12" style="line-height: 40rpx;">法定代表人</text>
							<view class="name ft14" style="color:#228CFC;line-height: 40rpx;">
								张三
							</view>
						</view>
						<view class="flex-col  align-center justify-center middle">
							<text class="ft12" style="line-height: 40rpx;">注册资本</text>
							<view class="name ft14" style="color: #000;line-height: 40rpx;">
								199万元
							</view>
						</view>
						<view class="flex-col  align-center justify-center">
							<text class="ft12 " style="line-height: 40rpx;">成立日期</text>
							<view class="name ft14" style="line-height: 40rpx;">
								2012-02-31
							</view>
						</view>
					</view>

				</view>
			</view>
			<view class="align-center ">
				<image style="width: 32rpx;height: 32rpx;margin-right: 16rpx;" src="../../static/images/phone.png"
					mode=""></image> 181*****6106
				<image style="width: 32rpx;height: 32rpx;margin-left: 16rpx;" src="../../static/images/lock.png"
					mode=""></image>
			</view>
			<view class="align-center mt12 ">
				<image style="width: 32rpx;height: 32rpx;margin-right: 16rpx;" src="../../static/images/dw.png" mode="">
				</image>
				新顺北大新顺北大新顺北大新顺北大1号
			</view>
			<view class="align-center justify-between mt12" style="margin: 24rpx 32rpx 0 0; ">
				<view class=" flex1 align-center justify-start">
					<image style="width: 40rpx;height: 40rpx;" src="../../static/images/rz.png" mode=""></image>
					<view class="ft12">
						平台已认证
					</view>
				</view>
				<view class="flex1 align-center justify-center">
					<image style="width: 40rpx;height: 40rpx;" src="../../static/images/zz.png" mode=""></image>
					<view class="ft12">
						资质公司
					</view>
				</view>
				<view class="flex1 align-center justify-end">
					<image style="width: 40rpx;height: 40rpx;" src="../../static/images/fh.png" mode=""></image>
					<view class="ft12">
						官网复核
					</view>
				</view>
			</view>
		</view>
		<navigator url="/pages/" class="bgWhite zzzs align-center justify-between ">
			<text>资质证书</text>
			<uv-icon name="arrow-right"></uv-icon>
		</navigator>
		<view class="module bgWhite mt12">
				<view class="modulename">
					自定义模块名称
				</view>
		</view>
		<view class="bottomAction align-center justify-around bgWhite">
			<view class="align-center">
				<image src="../../static/images/nolike.png" mode=""></image>
				989
			</view>
			<view class="align-center">
				<image src="/static/images/collect.png" mode=""></image>
				收藏
			</view>
		</view>
	</view>
</template>

<script>
	let app = getApp();
	export default {
		components: {

		},
		data() {
			return {
				act: 0,
				dataInfo: {},
				certificateNum: '',
				value: "",
				data: [{
						title: '东北',
						children: [{
							title: '黑龙江'
						}]
					},
					{
						title: '东北',
						children: [{
								title: '黑龙江'
							},
							{
								title: '黑龙江'
							},
							{
								title: '黑龙江'
							},
							{
								title: '黑龙江'
							}
						]
					},
					{
						title: '东北',
						children: [{
							title: '黑龙江'
						}]
					}
				],
				barHeight: 0,
				list: [{
					name: '关注',
				}, {
					name: '推荐',
				}, {
					name: '电影'
				}, {
					name: '科技'
				}, {
					name: '音乐'
				}, {
					name: '美食'
				}, {
					name: '文化'
				}, {
					name: '财经'
				}, {
					name: '手工'
				}],
			}
		},
		onLoad(opt) {
			this.barHeight = uni.getStorageSync('menuInfo').statusBarHeight

		},
		mounted() {



			// 使用函数生成一个正弦波形


		},

		methods: {


		}





	}
</script>
<style scoped lang="scss">
	.container {
		height: 100vh;
		// background: linear-gradient(180deg, #4375f2, #fff);
		padding-top: 20rpx;
	}

	.header {
		background-color: #228CFC;
		color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;


	}

	.provinceTitle {
		font-size: 32rpx;
		line-height: 52rpx;

		.cricle {
			width: 12rpx;
			display: block;
			height: 32rpx;
			background: rgba(39, 109, 214, 1);
			margin-right: 30rpx;
			border-radius: 0 10rpx 10rpx 0;
		}

		margin: 10rpx 0 24rpx 0;
	}

	.areadata {
		color: rgba(0, 0, 0, 0.9);
		padding: 8rpx 48rpx;
		border-radius: 12rpx;
		background-color: rgba(243, 243, 243, 1);
		margin: 0 8rpx 8rpx 0;
		line-height: 44rpx;
		display: inline-block;
	}

	.search {
		width: 420rpx;
		height: 60rpx;
		border-radius: 60rpx;
		background-color: #fff;
		margin-left: 20rpx;
	}

	.tabs {
		background: #fff;
		color: #000;
	}

	.comName {
		margin-bottom: 24rpx;

		color: rgba(0, 0, 0, 0.6);
		font-size: 24rpx;

		.title {
			color: #000;
			font-family: "PingFang SC";
			font-size: 32rpx;
			font-style: normal;
			font-weight: 400;
			line-height: 48rpx;
			/* 150% */
		}

		.tag {
			color: #228CFC;
			border: 1px solid #228CFC;
			font-size: 20rpx;
			padding: 4rpx 12rpx;
			border-radius: 6rpx;

		}

		.log {
			width: 96rpx;
			border-radius: 10rpx;
			height: 96rpx;
			margin-right: rpx;
		}

		image {
			width: 32rpx;
			height: 32rpx;
		}
	}

	.middle {
		position: relative;
		padding: 0 60rpx;
	}

	.middle::after {
		position: absolute;
		clear: both;
		content: '';
		width: 1px;
		height: 16px;
		background-color: #E7E7E7;
		top: 0;
		bottom: 0;
		left: 0;

		margin: auto;
	}

	.middle::before {
		position: absolute;
		clear: both;
		content: '';
		width: 1px;
		height: 16px;
		background-color: #E7E7E7;
		top: 0;
		bottom: 0;
		right: 0;

		margin: auto;
	}
	.zzzs{
		color: #000;
		margin-top: 24rpx;
		padding: 20rpx 32rpx;
		line-height: 40rpx;
	}
	.module{
			.modulename{
				padding: 20rpx 32rpx;
				border-bottom: 1px solid #F3F3F3;
			}
	}
	.bottomAction{
		border-top: 1px solid #E7E7E7;
		height: 112rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		font-size: 28rpx;
		width: 100%;
		image{
			width: 64rpx;
			height: 64rpx;
		}
	}
</style>